<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			body{
				margin: 0;
				padding: 0;
				background-color: #e4e5ed;
			}
			#top{
				height: 67px;
				width: 100%;
				background: #000000;
				padding-top: 13px;
			}
			#nav{
				width: 1200px;
				margin: -16px auto;
				
			}
			#logo{
				float: left;
				margin-left: 50px;
			}
			#nav ul{
				width: 600px;
				margin-left: 250px;
				list-style-type: none;
			}
			#nav ul li{
				float: left;
				height: 67px;
				width: 150px;
				text-align: center;
				line-height: 30px;
			}
			#nav ul li a{
				color: #fff;
				font-size: 18px;
				text-decoration: none;
			
			}
			#nav ul li:hover{
				height: 63px;
				border-bottom: 4px solid orange;
				
			}
			#nav ul li a p{
				margin-top: 0px;
				font-size: 12px;
			}
			#nav ul li a:hover{
				color: #dd9300;
			}
			#search{
				float: left;
				margin-top: 15px;
				margin-left: 20px;
			}
			#land{
				float: right;
				margin: 6px 50px 0px 24px;
			}
			#land div{
				float: right;
				margin-left: 10px;
			}
			#land div a{
				color: #FFFFFF;
				text-decoration: none;
			}
			#land div p{
				color: #b9b9b9;
				font-size: 14px;
				margin-top: 0;
			}
			.user_pic img {
			    border: 1px solid #d9ad50;
			    border-radius: 42px;
			}
			#bg1{
				width: 1920px;
				height: 600px;
				margin: 0px auto;
				background-image: url(images-2/background.jpg);
			}
			#pmd{
				width: 1200px;
				height: 40px;
				margin: 0px auto;
				text-align: center;
				font-size: 25px;
				background-color: #0072ab;
				color: #FFFFFF;
			}
			.content{
				width: 1080px;
				height: 2750px;
				margin: 40px auto;
				padding: 0px 60px;
				border: 1px solid #DBDBDB;
				background-color: #FFFFFF;
			}
			.c-top{
				height: 30px;
				padding: 75px 0 30px;
			}
			.c-top-logo-txt{
				color: #616161;
				font-weight: bold;
				font-size: 25px;
			}
			.c-c{
				width: 1075px;
				height: 360px;
				overflow: hidden;
			}
			.c-c-p{
				width: 522px;
				height: 330px;
				border-radius: 5px;
				border: 3px solid #dcdcdc;
				float: left;
			}
			.c-c-z{
				display: block;
				width: 512px;
				height: 336px;
				float: right;
			}
			.c-c-z-b{
				font-size: 30px;
				color: #333333;
				margin-bottom: 20px;
			}
			.c-c-z-n{
				font-size: 16px;
				color: #909090;
				line-height: 30px;
			}
			#tss{
				width: 1075px;
				height: 420px;
				margin: 0px auto;
			}
			nav{
				width: 1075px;
				height: 50px;
				margin: 0px auto;
			}
			nav li{
			    display: block;
			    width: 165px;
				float: left;
				text-align: center;
			    text-decoration: none;
				margin: 5px;
			    padding: 15px;
				color: #FFFFFF;
				background-color: #DBDBDB;
				border-radius: 15px;
			}
			nav li:hover{
				background-color: #2784E0;
			}
			section{
			    height: 400px;
				width: 1000px;
				margin: 0px auto;
			}
			.tabz{
				width: 420px;
				height: 300px;
				float: left;
				padding-top: 40px;
				margin: 10px;
			}
			.tabz h1{
				text-align: center;
				font-size: 27px;
				color: #333333;
				margin-bottom: 20px;
			}
			.tabz p{
				font-size: 20px;
				color: #909090;
				line-height: 30px;
			}
			section img{
				margin: 10px;
				width: 522px;
				height: 330px;
				float: right;
				border-radius: 5px;
				border: 3px solid #dcdcdc;
			}
			.c-q{
				width: 1000px;
				height: auto;
				float: left;
				background-color: #E6E6E6;
				padding: 30px;
				border-bottom: 1px solid #DCDCDC;
			}
			.c-q-n{
				font-size: 22px;
				line-height: 37px;
				width: 80%;
			}
			.c-q-n-n{
				color: #747474;
			}
			.c-q-more{
				border: 2px solid #D2D2D2;
				display: inline-block;
				text-align: center;
				color: #999999;
				border-radius: 50px;
				padding: 5px 10px;
				float: right;
				text-decoration: none;
			}
			.c-q-q{
				font-weight: bold;
				color: #1E83E4;
				font-size: 16px;
				margin: 10px 0px;
			}
			.c-q-txt{
				color: #747474;
				line-height: 25px;
			}
			.c-q-option{
				margin: 40px 0px;
				float: left;
				display: block;
			}
			.c-q-btn{
				float: left;
				display: inline-block;
				text-align: center;
				background: #FFFFFF;
				border-radius: 5px;
				width: 134px;
				height: 30px;
				line-height: 30px;
				color: #555555;
				margin-right: 8px;
				margin-bottom: 10px;
				text-decoration: none;
			}
			.c-q-option a:hover{
				background: #1E83E4;
				color: #FFFFFF;
			}
			.c-q-option2{
				margin: 50px auto 80px;
				height: 50px;
				width: 880px;
				display: block;
			}
			.c-q-btn2{
				float: left;
				display: inline-block;
				text-align: center;
				background: #1E83E4;
				font-size: 18px;
				border-radius: 5px;
				width: 185px;
				height: 50px;
				line-height: 50px;
				color: #FFFFFF;
				margin-right: 35px;
				text-decoration: none;
			}
			.c-q-analysis{
				margin: 40px auto;
				width: 674px;
				height: auto;
				display: block;
			}
			.c-q-analysis2{
				width: 284px;
				height: auto;
				float: left;
				overflow: hidden;
				margin-bottom: 30px;
				display: block;
			}
			.c-q-analysis3{
				width: 284px;
				height: auto;
				float: right;
				overflow: hidden;
				margin-bottom: 30px;
				display: block;
			}
			.c-q-img{
				float: left;
				margin-bottom: 13px;
				display: block;
			}
			.c-q-img img{
				margin-right: 15px;
			}
			.c-q-analysis2>p{
				color: #747474;
			}
			.c-q-analysis3>p{
				color: #747474;
			}
			.c-a{
				width: 1000px;
				height: 447px;
				float: left;
				background: #FFFFFF;
				overflow: hidden;
			}
			.c-a-k{
				margin-top: 73px;
				margin-bottom: 32px;
				text-align: center;
				font-size: 24px;
				color: #6C6C6C;
				font-weight: bold;
			}
			.c-a-op{
				width: 947px;
				height: 265px;
				margin: 0px auto;
			}
			.c-a-ops{
				float: left;
				width: 250px;
				height: 100px;
				margin: 0px 25px 25px 25px ;
				cursor: pointer;
				border-radius: 5px;
			}
			.item:nth-child(1){
				background: url(images-2/opbg1.png)
				no-repeat;
			}
			.item:nth-child(2){
				background: url(images-2/opbg2.png)
				no-repeat;
			}
			.item:nth-child(3){
				background: url(images-2/opbg3.png)
				no-repeat;
			}
			.item:nth-child(4){
				background: url(images-2/opbg4.png)
				no-repeat;
			}
			.item:nth-child(5){
				background: url(images-2/opbg5.png)
				no-repeat;
			}
			.item:nth-child(6){
				background: url(images-2/opbg6.png)
				no-repeat;
			}
			.c-a-op-n{
				z-index: 33;
				width: 200px;
				height: 70px;
				margin: 15px auto;
				display: block;
				text-decoration: none;
				color: #363636;
			}
			.c-a-op-logo{
				display: inline-block;
				background: url(images-2/oplogo.png)
				no-repeat;
				background-size: 434px 144px;
				width: 72px;
				height: 72px;
				float: left;
			}
			.tank{
				background-position: 0 0;
			}
			.assassin{
				background-position: -144px 0;
			}
			.wrrior{
				background-position: -291px 0;
			}
			.support{
				background-position: 0 -72px;
			}
			.archer{
				background-position: -144px -72px;
			}
			.mage{
				background-position: -291px -72px;
			}
			.c-a-op-t{
				font-size: 20px;
				color: #555555;
			}
			.c-a-op-c{
				color: #6D6E6E;
			}
			#bottom{
				height: 362px;
			}
			.footer-wrap {
				position: relative;
				z-index: 2;
				top: -20px;
				height: 362px;
				background: url(images-2/bg_footer.jpg) no-repeat center 0;
			}
			
			.foot {
				background: #fff;
				color: #000;
				font: 12px/20px "微软雅黑", "宋体";
				min-width: 1050px;
				margin: 0 auto;
				text-align: left;
			}
			
			.footer-wrap .foot {
				position: relative;
				background: none;
				width: 1200px;
				padding-top: 80px;
			}
			
			.footer-wrap .foot_cpright {
				padding: 0;
			}
			
			.foot_left {
				float: left;
				text-indent: -999em;
				overflow: hidden;
				margin: 10px 0 0 10px;
				width: 85px;
				height: 35px;
			}
			
			.footer-wrap .foot_lefts {
				display: block;
				float: none;
				height: 66px;
				padding-bottom: 10px;
				margin-bottom: 12px;
				border-bottom: 2px solid #d4d4d4;
			}
			
			.foot_ieg_logo {
				float: left;
				width: 180px;
				height: 35px;
				text-indent: -999em;
				overflow: hidden;
				margin: 10px 0 0 10px;
				background: url(../images-1/foot-light.png);
			}
			
			.footer-wrap .foot_ieg_logo {
				width: 285px;
				height: 64px;
				margin: 0;
				background: url(images-2/spr.png) no-repeat;
			}
			
			.footer-wrap .logo1 {
				width: 70px;
				height: 64px;
				margin: 0;
				background: url(images-2/spr.png) no-repeat -285px 0;
			}
			
			.footer-wrap .foot_links {
				position: relative;
				margin: 0;
				float: right;
				width: 650px;
			}
			
			.footer-wrap p,
			.footer-wrap .foot_links li {
				margin: 0;
				font-size: 12px;
			}
			
			.footer-wrap .foot_links,
			.footer-wrap .foot_links a:link,
			.footer-wrap .foot_links a:visited {
				color: #646467;
				text-decoration: none;
			}
			
			.foot_links .link_map span,
			.foot_links .link_map a {
				font-size: 12px;
				color: #494949;
			}
			
			.footer-wrap .copyright_zh {
			    position: absolute;
			    right: 0;
			    top: 26px;
			}
			
			.foot_links .copyright_txt {
				font-size: 10px;
			}
			
			.foot_links li {
				line-height: 20px;
				overflow: hidden;
			}
			
			.foot_links li img {
				vertical-align: middle;
				margin-right: 3px;
				display: inline;
			}
			
			.footer-wrap .foot-tips {
				position: absolute;
				left: 0;
				top: 170px;
				padding-top: 0;
				width: 508px;
				font-size: 12px;
				color: #666;
			}
			
			.footer-wrap .foot-tips em {
				font-style: normal;
				margin-right: 12px;
				color: #6d6d6d;
			}
			
			.footer-wrap .foot-tips .intro {
				margin-top: 6px;
			}
			
			.footer-wrap .foot-tips .report {
				position: absolute;
				left: 550px;
				top: 106px;
				width: 300px;
			}
		</style>
	</head>
	<body>
		<div id="top">
			<div id="nav">
				<div id="logo"><a href="#"><img src="images-1/logo.png"></a></div>
				<ul>
					<li>
						<a href="主页-游戏资料.html">游戏资料<p>DATA</p></a>
					</li>
					<li>
						<a href="内容中心.html">内容中心<P>CONTENTS</P></a>
					</li>
					<li>
						<a href="英雄攻略.html">英雄攻略<P>STRATEGY</P></a>
					</li>
					<li>
						<a href="王者文化.html">王者文化<P>CULTURE</P></a>
					</li>
				</ul>
				<div id="search"><a href="#"><img src="images-1/search.png"></a></div>
				<div id="land">
					<a class="avatar user_pic" href="/web201605/personal.shtml">
						<img src="images-1/land.png" width="42" height="42">
					</a>
					<div>
						<a href="登录-注册.html">欢迎登录</a>
						<p>登录后查看游戏战绩</p>
					</div>
				</div>
			</div>
		</div>
		<div id="bg1"></div>
		<div id="pmd">
			<a>&nbsp;&nbsp;欢迎来到王者荣耀！&nbsp;&nbsp;&nbsp;&nbsp;敌军还有五秒到达战场！&nbsp;&nbsp;&nbsp;&nbsp;请做好准备！&nbsp;&nbsp;&nbsp;&nbsp;全军出击！</a>
		</div>
		<div class="content">
			<div class="c-top">
				<div class="c-top-logo">
					<a href="#"><img src="images-2/introduce.png" title="游戏介绍"></a>
					<span class="c-top-logo-txt">&nbsp;&nbsp;游戏介绍</span>
				</div>
			</div>
			<div class="c-c">
				<img class="c-c-p" src="images-2/49656773132138.jpg" >
				<div class="c-c-z">
					<p class="c-c-z-b">游戏介绍</p>
					<div class="c-c-z-n">
						<p>《王者荣耀》是腾讯第一5V5团队公平竞技手游，国民MOBA手游大作！5V5王者峡谷、公平对战、还原MOBA经典体验；契约之战、五军对决、边境突围等，带来花式作战乐趣!</p>
					</div>
				</div>
			</div>
			<div class="c-top">
				<div class="c-top-logo">
					<a href="#"><img src="images-2/feature.png" title="游戏特色"></a>
					<span class="c-top-logo-txt">&nbsp;&nbsp;游戏特色</span>
				</div>
			</div>
			<div id="tss">
				<nav id="nave">
				    <ul>
				        <li class="act">游戏特色一</li>
				        <li>游戏特色二</li>
				        <li>游戏特色三</li>
				        <li>游戏特色四</li>
						<li>游戏特色五</li>
				    </ul>
				</nav>
				<div id="container">
				    <section class="tab" >
						<div class="tabz">
						<h1>视觉全面升级！王者2.0时代来临！</h1>
						<p>全景沉浸式大厅，国风配色、传统饰形、山水云纹，更加具有东方神韵；次世代技术，全面提升画质，呈现超高清峡谷地图。</p>
						</div>
						<img src="images-2/111.png" width="522px" height="330px">
					</section>
				    <section class="tab" >
						<div class="tabz">
						<h1>团队公平竞技！好玩不坑拼实力！</h1>
						<p>凭实力carry全场，与团队共赴荣耀。不做英雄养成，不设体力，还你最初的游戏乐趣！</p>
						</div>
						<img src="images-2/222.jpg" width="522px" height="330px">
					</section>
				    <section class="tab" >
						<div class="tabz">
						<h1>王者模拟战！策略对抗乐在棋中！</h1>
						<p>8人为组，下一盘王者棋！不同职业，众多阵营，考验策略博弈，看谁能战到最后？！</p>
						</div>
						<img src="images-2/333.jpg" width="522px" height="330px">
					</section>
				    <section class="tab" >
						<div class="tabz">
						<h1>万象天工！共创无限可能！</h1>
						<p>王者天工编辑器，为开发者和用户提供创造王者玩法的机会，未来有无限可能！</p>
						</div>
						<img src="images-2/444.jpg" width="522px" height="330px">
					</section>
					<section class="tab" >
						<div class="tabz">
						<h1>狄仁杰守护！对局环境持续优化！</h1>
						<p>匹配机制、信誉积分系统、实时审判系统等对局相关系统持续迭代优化，全方位提升召唤师对局体验。</p>
						</div>
						<img src="images-2/555.png" width="522px" height="330px">
					</section>
				</div>
			</div>
			<div class="c-top">
				<div class="c-top-logo">
					<a href="#"><img src="images-2/pf.jpg" title="新手指南"></a>
					<span class="c-top-logo-txt">&nbsp;&nbsp;新手指南</span>
				</div>
			</div>
			<div class="c-q">
				<div class="c-q-n">
					<img class="c-q-n-p" src="images-2/query.png" >
					<span class="c-q-n-t">&nbsp;疑问一：&nbsp;</span>
					<span class="c-q-n-n">连攻略都看不懂</span>
				</div>
				<a class="c-q-more" href="#">更多内容请点这里</a>
				<p class="c-q-q">什么是AD？ 什么是ADC？ 什么是GANK？ 大神们究竟在说啥？</p>
				<p class="c-q-txt">
					很多新手看攻略都会感到很疑惑，因为写攻略的大神们通常都会用大量电竞术语来代表英雄定位、战术行为。官网君给新手们精心准备常见的专业名词解释，点击下面的专业名词 可查看详细解释，看是不是你不懂得词噢。
				</p>
				<div class="c-q-option">
					<a class="c-q-btn" href="#">AD</a>
					<a class="c-q-btn" href="#">AP</a>
					<a class="c-q-btn" href="#">ADC</a>
					<a class="c-q-btn" href="#">对线</a>
					<a class="c-q-btn" href="#">1技能</a>
					<a class="c-q-btn" href="#">2技能</a>
					<a class="c-q-btn" href="#">大招</a>
					<a class="c-q-btn" href="#">肉/坦克</a>
					<a class="c-q-btn" href="#">半肉/战士</a>
					<a class="c-q-btn" href="#">输出</a>
					<a class="c-q-btn" href="#">辅助</a>
					<a class="c-q-btn" href="#">刺客</a>
					<a class="c-q-btn" href="#">输出位</a>
					<a class="c-q-btn" href="#">兵线</a>
				</div>
				<div class="c-q-n">
					<img class="c-q-n-p" src="images-2/query.png" >
					<span class="c-q-n-t">&nbsp;疑问二：&nbsp;</span>
					<span class="c-q-n-n">不知道选什么英雄和技能</span>
				</div>
				<a class="c-q-more" href="#">更多内容请点这里</a>
				<p class="c-q-q">不知道选什么英雄？</p>
				<p class="c-q-txt">
					对于新手来说，选英雄当然是选自己最熟悉，玩的最多的英雄胜率会越高了，选简单的肉盾/战士生存率会高点 。但是，如果你一直只玩几个英雄，那你肯定只能停留在新手阶段，因为你不了解其他英雄，就不清楚在对线的时候，应该在什么时候主动出击，什么时候回避对手。下面给 新手们推荐几个操作简单又好用的英雄。
				</p>
				<div class="c-q-option2">
					<a class="c-q-btn2" href="#">出场率最高的英雄</a>
					<a class="c-q-btn2" href="#">容易上手的英雄</a>
					<a class="c-q-btn2" href="#">容错率高的英雄</a>
					<a class="c-q-btn2" href="#">进阶建议</a>
				</div>
				<p class="c-q-q">不知道选什么技能？</p>
				<p class="c-q-txt">
					其实正确选择召唤师技能，应该是根据你所选择的英雄来决定。比如说项羽，由于被动技能是当生命降低到30%，就会在6秒内回复24%最大生命值，这个效果注定项羽出增加血量的装备，如果召唤师技能带治疗，立刻回复15%的生命，充分发挥项羽血多的特征。看下图图标组合，或许你就明白应该选择什么样的技能了。
				</p>
				<div class="c-q-analysis">
					<div class="c-q-analysis2">
						<div class="c-q-img">
							<img src="images-2/Luban.jpg" width="68" height="68">
							<img src="images-2/rake.png" width="60" height="60">
							<img src="images-2/+.png" >
							<img src="images-2/rage.jpg" width="60" height="60">
						</div>
						<p>例如鲁班七号的被动技第五次普攻会变扫射，如果用狂暴就可以加速触发时间</p>
					</div>
					<div class="c-q-analysis3">
						<div class="c-q-img">
							<img src="images-2/XiangYu.jpg" width="68" height="68">
							<img src="images-2/unyielding.png" width="60" height="60">
							<img src="images-2/+.png" >
							<img src="images-2/treat.jpg" width="60" height="60">
						</div>
						<p>例如项羽的被动能补生命上限24%的血量导致出装以血量为主，因此带治疗能把效果发挥到最大</p>
					</div>
				</div>
			</div>
			<div class="c-a">
				<p class="c-a-k">重点来了，团战我该干什么?</p>
				<div class="c-a-op">
					<div class="c-a-ops item">
						<a class="c-a-op-n" href="#">
							<i class="c-a-op-logo tank"></i>
							<p class="c-a-op-t">&nbsp;坦克</p>
							<p class="c-a-op-c">&nbsp;&nbsp;TANK</p>
						</a>
					</div>
					<div class="c-a-ops item">
						<a class="c-a-op-n" href="#">
							<i class="c-a-op-logo assassin"></i>
							<p class="c-a-op-t">&nbsp;刺客</p>
							<p class="c-a-op-c">&nbsp;&nbsp;ASSASSIN</p>
						</a>
					</div>
					<div class="c-a-ops item">
						<a class="c-a-op-n" href="#">
							<i class="c-a-op-logo warrior"></i>
							<p class="c-a-op-t">&nbsp;战士</p>
							<p class="c-a-op-c">&nbsp;&nbsp;WARRIOR</p>
						</a>
					</div>
					<div class="c-a-ops item">
						<a class="c-a-op-n" href="#">
							<i class="c-a-op-logo support"></i>
							<p class="c-a-op-t">&nbsp;辅助</p>
							<p class="c-a-op-c">&nbsp;&nbsp;SUPPORT</p>
						</a>
					</div>
					<div class="c-a-ops item">
						<a class="c-a-op-n" href="#">
							<i class="c-a-op-logo archer"></i>
							<p class="c-a-op-t">&nbsp;射手</p>
							<p class="c-a-op-c">&nbsp;&nbsp;ARCHER</p>
						</a>
					</div>
					<div class="c-a-ops item">
						<a class="c-a-op-n" href="#">
							<i class="c-a-op-logo mage"></i>
							<p class="c-a-op-t">&nbsp;法师</p>
							<p class="c-a-op-c">&nbsp;&nbsp;MAGE</p>
						</a>
					</div>
				</div>
			</div>
		</div>
		<div id="bottom">
		<div id="gfooter" class="footer-wrap">
			<div class="foot">
				<div class="foot_cpright">
					<div class="foot_lefts">
						<a href="#" title="腾讯互动娱乐" class="foot_ieg_logo">腾讯互动娱乐</a><a href="" title="天美工作室群" class="foot_left logo1">timi</a>
					</div>
					<ul class="foot_links">
						<li class="link_map"><a href="">腾讯互动娱乐</a><span class="f_line">|</span><a href="">服务条款</a><span
							 class="f_line">|</span><a href="">隐私保护指引</a><span
							 class="f_line">|</span><a href="">儿童隐私保护指引</a><span
							 class="f_line">|</span><a href="">腾讯游戏招聘</a><span class="f_line">|</span><a href="">腾讯游戏客服</a><span
							 class="f_line">|</span><a href="">游戏列表</a><span class="f_line">|</span><a
							 href="">广告服务及商务合作</a></li>
						<li class="copyright_zh"><a href="">腾讯公司版权所有</a></li>
						<li class="copyright_en">
							<p class="copyright_txt">COPYRIGHT © 1998 - 2020 TENCENT. ALL RIGHTS RESERVED.</p>
						</li>
						<li class="limit_age">本网络游戏适合17+岁的用户使用；为了您的健康，请合理控制游戏时间。</li>
						<li class="copyright_public"><a href="" title="深圳市市场监督管理局企业主体身份公示"><img
								 src="images-2/s1.png" width="15" height="15" alt="深圳市市场监督管理局企业主体身份公示">工商网监电子标识
							</a><span class="f_line">|</span><a href="">粤网文[2020]3396-195号</a><span class="f_line">|</span><a
							 href="">（署）网出证（粤）字第054号</a></li>
						<li class="copyright_private"><a href="javascript:;"><img src="images-2/s2.png"
								 width="13" height="15" alt="文网游备字[2016]M-CSG 0059 号">文网游备字[2016]M-CSG 0059 号</a><span class="f_line">|</span>新广出审[2017]
							6712号<span class="f_line">|</span>ISBN 978-7-7979-8408-9</li>
					</ul>
				</div>
				<div class="foot_bottom foot-tips fl">
					<p><em>抵制不良游戏</em><em>拒绝盗版游戏</em><em>注意自我保护</em><em>谨防受骗上当</em><em>适度游戏益脑</em><em>沉迷游戏伤身</em><em>合理安排时间</em><em>享受健康生活</em></p>
					<p class="intro">《王者荣耀》全部背景故事发生于架空世界“王者大陆”中。相关人物、地理、事件均为艺术创作，并非正史。若因观看王者故事对相关历史人物产生兴趣，建议查阅正史记载。</p>
					<p class="report">全国文化市场统一举报电话：12318</p>
				</div>
			</div>
		</div>
		
<script language="JavaScript">
	//跑马灯特效
	    setInterval(function(){
	        d1 = document.getElementById('pmd');  //用DOM获取标签
	        d1_text = d1.innerText;  //获取标签内的文本
	 
	        first_char = d1_text[0];  //字符串索引
	 
	        sub_char = d1_text.slice(1,d1_text.length);  //字符串切片    d1_text.length获取文本长度
	 
	        new_str = sub_char + first_char;  //字符串拼接
	 
	        d1.innerText = new_str;
	    },600)//每0.5秒
	//选项卡
	window.onload=function () {
	    var nav=document.getElementById('nave');
	    var oNav=nav.getElementsByTagName('li');
	
	    var container=document.getElementById('container');
	    var oDiv=container.getElementsByClassName('tab');
	    for(var i=0;i<oNav.length;i++){
	        oNav[i].index=i;
	        oNav[i].onclick=function () {
	            for(var i=0;i<oNav.length;i++){
	                oNav[i].className='';
	                oDiv[i].style.display="none";
	            }
	            this.className='act';
	            oDiv[this.index].style.display="block"
	        }
	        for(var m=1;m<oNav.length;m++){
	                oNav[m].className='';
	                oDiv[m].style.display="none";
	            }
	    }
	};
</script>
	</body>
</html>
